<template>
  <div class="slider">
    <button class="car-control car-control-prev" @click="prev"><</button>
    <button class="car-control car-control-next" @click="next">></button>
    <div class="car-wrapper">
      <ul class="car-list">
        <li class="car-item"><img src="../../assets/car1.jpg" alt=""></li>
        <li class="car-item"><img src="../../assets/car2.jpg" alt=""></li>
        <li class="car-item"><img src="../../assets/car3.jpg" alt=""></li>
        <li class="car-item"><img src="../../assets/car4.jpg" alt=""></li>
      </ul>
    </div>
    <div class="car-indicator">
      <i class="indicator-item active"></i>
      <i class="indicator-item"></i>
      <i class="indicator-item"></i>
      <i class="indicator-item"></i>
    </div>
  </div>
</template>
<script>
  export default {
    mounted() {
    }
  }
</script>
<style lang="scss" scoped>
</style>